<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>canvas的基本使用</title>
	</head>
	<body>
        <!--第一步：定义画布-->
		<canvas id="canv">
			当前浏览器不支持canvas
		</canvas>		
		<script>
			//第二步：获取画布元素
			var oC=document.getElementById("canv");
			//第三步：获取canvas绘图上下文环境
			var ctx=oC.getContext("2d");
            //第四步：绘图
           ctx.fillRect(50,50,200,100);
		</script>
	</body>
</html>
